import React from 'react';
// import { Layout } from 'antd';
// import Nav from './components/nav';
// import { MySwitch } from './utils';
// import routes from './router';
// import { connect } from 'react-redux';
import './App.css';
// import Todolist from './components/todolist-redux';
import Search from './components/search';

export default function (props) {

  return <Search />;

  // function onBtnClick () {
  //   // dispatch触发reducer
  //   props.dispatch({
  //     type: '+1',
  //     value: 1,
  //   });
  // }

  // function onBtnClick1 () {
  //   // dispatch触发reducer
  //   props.dispatch({
  //     type: '-1',
  //     value: 1,
  //   });
  // }

  // return (
  //   <div>
  //     { props.count }
  //     <button onClick={ onBtnClick }>+1</button>
  //     <button onClick={ onBtnClick1 }>-1</button>
  //   </div>
  // );
  //#region
  // return (  
  //   <Layout className="container">
  //     <Layout.Sider>
  //       <Nav />
  //     </Layout.Sider>
  //     <Layout>
  //       <Layout.Header className="header">Header</Layout.Header>
  //       <Layout.Content>
  //         <MySwitch routes={ routes } />
  //       </Layout.Content>
  //     </Layout>
  //   </Layout>
  // );
  //#endregion
}

// vuex: mapState: store.state >>> computed
// // redux: mapState2Props: store.state >>> props
// function mapState2Props (state) {
//   return {
//     count: state.count,
//   };
// }

// // connect(mapState2Props)(App) 生成将store注入到App的高阶组件
// export default connect(mapState2Props)(App);
